<template> 
  <lay-out class="page-cell" :header-image-url="url" :pageTag="pageTag" :controlShow="false">

    <div class="test-swiper" >
      <ztMSwiper :swiperHeight="80" :swiperList="swiperList" :showPagi="true" :hasVideo="true" :slotLength="2" @swiperChange="swiperChangeHandle" >
        <template slot="video" ref="videoPlayer" :playLink="currentPlay">
          <mt-swipe-item > 
            <div class="zt-swiper__item" style="height:100%; display: flex; align-items:center; justify-content:center;  background:white;">
               <ztVideo slot="video" ref="videoPlayer" :playLink="currentPlay"></ztVideo>
            </div> 
          </mt-swipe-item>
          <mt-swipe-item > 
            <div class="zt-swiper__item" style="height:100%; display: flex; align-items:center; justify-content:center;  background:white;">
               <ztVideo slot="video" ref="videoPlayer" :playLink="currentPlay"></ztVideo>
            </div> 
          </mt-swipe-item> 
        </template>
      </ztMSwiper>
    </div> 

    <!--多媒体 （旧的交互方式）
    <div class="media-wrap">
      <div class="swiper-wrap" v-show="!videoShow">
        <ztSwiper :swiperList="swiperList" :showPagi="true"> 
        </ztSwiper>
      </div>
      <div class="video-wrap" v-show="videoShow">
        <ztVideo ref="videoPlayer" :playLink="currentPlay"></ztVideo>
      </div>
      <div class="toggle-wrap">
        <a :class="{'toggle-btn':true, 'activate':videoShow}" @click="openVideo">视频</a>
        <a :class="{'toggle-btn':true, 'activate':!videoShow}" @click="openSwiper">图片</a>
      </div>
    </div>-->

    <!-- 案情介绍 -->
    <div class="case-desc">
      <div class="case-desc__head">
        <h3 class="title">{{caseDesc.ajmc}}</h3>
        <span>查看详情</span>
      </div>
      <div class="case-desc__state clearfix">
        <span class="case ajlb">{{caseDesc.ajlb}}</span>
        <span class="case xalb">{{caseDesc.xalb}}</span>
        <span class="case ajzt">{{caseDesc.ajzt}}</span> 
      </div>
      <div class="case-desc__content">
        <input style="display:none" id="descShowToggle" type="checkbox" />
        <div class="content-data"> 
          <div class="item">
            <em>案件编号</em> <span>{{caseDesc.ajbh}}</span>
          </div> 
          <div class="item">
            <em>发案时间</em> <span>{{caseDesc.fasj}}</span>
          </div>  
          <div class="item">
            <em>发案地点</em> <span>{{caseDesc.fadd}}</span>
          </div> 
          <div class="item multi-line"><em>简要案情</em> <span v-html="caseDesc.jyaq"></span></div>
          <div class="item">
            <em>受理时间</em> <span>{{caseDesc.slsj}}</span>
          </div> 
          <div class="item">
            <em>受理单位</em> <span>{{caseDesc.sldw}}</span>
          </div>  
          <div class="item">
            <em>立案时间</em> <span>{{caseDesc.lasj}}</span>
          </div>
          <div class="item">
            <em>立案单位</em> <span>{{caseDesc.ladw}}</span>
          </div>
          <div class="item">
            <em>报案人</em> <span>{{caseDesc.bar}}</span>
          </div> 
          <div class="item">
            <em>报案电话</em> <span>{{caseDesc.badh}}</span>
          </div>
          <div class="item">
            <em>录入时间</em> <span>{{caseDesc.lrsj}}</span>
          </div>
          <div class="item">
            <em>录入单位</em> <span>{{caseDesc.lrdw}}</span>
          </div>
          <div class="item">
            <em>主/协办人</em> <span>{{caseDesc.zxbr}}</span>
          </div>
          <div class="item">
            <em>涉案价值</em> <span>{{caseDesc.sajz}}</span>
          </div>
          <div class="item">
            <em>损失价值</em> <span>{{caseDesc.ssjz}}</span>
          </div>
        </div>
        <label class="content-toggle" for="descShowToggle">
          <span class="open">查看更多 <i class="iconfont">&#xe602;</i></span>  
          <span class="close">收起 <i class="iconfont">&#xe60a;</i></span>
        </label>
      </div>
    </div>
    
    <!-- 侦查阶段 -->
    <div class="case-process">
      <div class="case-process__title">侦查阶段</div>
      <div class="case-process__wrap" style="width:94%;margin:0 auto;">
        <pointProcess :processList="casePorcess"></pointProcess>
      </div>
    </div>
    
    <!-- 案件特征 -->
    <div class="case-character" title="特征">
      <block-header class="block-header" icon="/static/icon/case.png" title="案件特征" number=""></block-header>
      <div class="info-grid" @click="goToTz()">
        <div class="grid-item" v-for="item in caseCharacter">
          <em>{{item.key}}</em> <span>{{item.value}}</span>
        </div>
      </div>
    </div>

    <!-- 警情 -->
    <div class="case-info" title="警情">
      <block-header icon="/static/icon/casefile-status.png" title="警情" number=""></block-header>
        <div class="info-grid" @click="goToJq()">
          <div class="grid-item" v-for="item in policeInfo">
            <em>{{item.key}}</em> <span @click.stop v-init-tooltips="item.key == '报案电话' ? {
                  tableName: policeInfos.tableName,
                  systemid: policeInfos.systemid,
                  bsh: item.value,
                  bshlx: '004',
                  dalx: 'AJ'
                } : null">{{item.value}}</span>
          </div>
        </div>
    </div>

    <!-- 现场情况 -->
    <div class="spot-info" title="现勘">
      <block-header icon="/static/icon/casefile-spot.png" title="现场勘察" number=""></block-header>
      <div @click="goToDetail(index)" class="spot-info__group" v-for="(item,index) in spotInfoData"
      v-if="spotInfoData && spotInfoData.length>0" 
      >
        <div class="info-grid" >
          <div class="grid-item" v-for="(row,index) in item.rowArr"> <em>{{row.col_cn}}</em> <span>{{row.col_val}}</span> </div>
        </div>
        <ul class="spot-info__tool"> 
          <router-link class="link" tag="li" :key="`${item.xkbh}_${index}`" 
            v-for="(child,index) in item.childArr" 
            :to="`/subpage_spot/${item.xkbh}?selected=${parseInt(child.code)}`"
          >
            <div class="icon" :style="`background-image:url(${require(`../../assets/zt/caseFile/spot-link${parseInt(child.code)}.png`)})`">
              <mt-badge class="badge" size="small" type="error" v-show="child.num">{{child.num}}</mt-badge> 
            </div>
            <p>{{child.detail}}</p>
          </router-link>
        </ul>
      </div>
    </div>
     
    <!-- 涉案人员 -->
    <div class="person-info" title="人员">
      <block-header icon="/static/icon/casefile-person.png" title="涉案人员" number=""></block-header> 
      
      <div class="person-info__group reporter-group"  >
        <div class="group-title clearfix">
          <span  >报案人</span>
          <router-link to="/subpage_person?titleKey=报案人" class="more-link" v-if="reporterData.length">
            查看更多<i class="iconfont">&#xe603;</i>
          </router-link>
        </div> 
        <ul class="person-list" v-if="reporterData.length">
          <cardBlock class="person-item" v-if="index<2" v-for="(item,index) in reporterData" :key="`per_bar_${index}`" :imgUrl="item.xp">
            <div slot="name" class="person-item__title">
              <strong class="name">{{item.xm}}</strong>  
            </div>
            <div slot="tags" class="person-item__tags">
              <span class="tag" v-for="i in item.bs.col_val" >{{i}}</span> 
            </div>  
            <div class="info-grid" slot="data">
              <div class="grid-item align-left" >
                <em>性别</em> <span>{{item.xb}}</span>
              </div>
              <div class="grid-item align-left" v-for="(j,index) in item.rowArr">
                <em>{{j.col_cn}}</em> <span v-init-tooltips="index==0?{
                    tableName: item.name,
                    systemid: item.systemid,
                    bshlx: '001',
                    bsh: j.col_val,
                    dalx: 'AJ'
                }:null">{{j.col_val}}</span>
              </div>
            </div>
          </cardBlock> 
        </ul>
        <div class="no-record"  v-if="!reporterData.length">暂无记录</div>
      </div>

      <div class="person-info__group vicitim-group" >
        <div class="group-title clearfix">
          <span >受害人</span>
          <router-link to="/subpage_person?titleKey=受害人" class="more-link" v-if="vicitimData.length">
            查看更多<i class="iconfont">&#xe603;</i>
          </router-link>
        </div> 
        <ul class="person-list" v-if="vicitimData.length"> 
          <cardBlock class="person-item"  v-if="index<2" v-for="(item,index) in vicitimData"  :key="`per_shr_${index}`" :imgUrl="item.xp" >
            <div slot="name" class="person-item__title clearfix">
              <strong class="name">{{item.xm}}</strong>  
            </div>
            <div slot="tags" class="person-item__tags"> 
              <span class="tag" v-for="(i, index) in item.bs.col_val" :key="`shr_${index}`">{{i}}</span>  
            </div>
            <div class="info-grid" slot="data">
              <div class="grid-item align-left" >
                <em>性别</em> <span>{{item.xb}}</span>
              </div>
              <div class="grid-item align-left" v-for="(j,index1) in item.rowArr">
                <em>{{j.col_cn}}</em>  <span v-init-tooltips="index1==0?{
                    tableName: item.name,
                    systemid: item.systemid,
                    bshlx: '001',
                    bsh: j.col_val,
                    dalx: 'AJ'
                }:null">{{j.col_val}}</span>
              </div> 
            </div>
          </cardBlock> 
        </ul>
        <div class="no-record"  v-if="!vicitimData.length">暂无记录</div> 
      </div>

      <div class="person-info__group suspector-group">
        <div class="group-title clearfix">
          <span >犯罪嫌疑人</span>
          <router-link to="/subpage_person?titleKey=嫌疑人" class="more-link" v-if="suspectorData.length">
            查看更多<i class="iconfont">&#xe603;</i>
          </router-link>
        </div>
        <ul class="person-list" v-if="suspectorData.length">
          <cardBlock class="person-item" v-if="index<2" v-for="(item,index) in suspectorData" :key="`per_xyr_${index}`" :imgUrl="item.xp">
            <div slot="name" class="person-item__title clearfix">
              <strong class="name">{{item.xm}}</strong> <span class="tip">{{item.dazt}}</span> 
            </div>
            <div slot="tags" class="person-item__tags"> 
              <span class="tag" v-for="(i, index) in item.bs.col_val" :key="`xyr_${index}`"> {{i}} </span> 
            </div>
            <div class="info-grid" slot="data">
              <div class="grid-item align-left" >
                <em>性别</em> <span>{{item.xb}}</span>
              </div>
              <div class="grid-item align-left" v-for="(j,index1) in item.rowArr">
                <em>{{j.col_cn}}</em> <span v-init-tooltips="index1==0?{
                    tableName: item.name,
                    systemid: item.systemid,
                    bshlx: '001',
                    bsh: j.col_val,
                    dalx: 'AJ'
                }:null">{{j.col_val}}</span>
              </div> 
            </div>
          </cardBlock> 
        </ul>
        <div class="no-record"  v-if="!suspectorData.length">暂无记录</div> 
      </div>
    </div>

    <!-- 涉案物件 -->
    <div class="object-info" title="物品">
      <block-header icon="/static/icon/casefile-object.png" title="涉案工具" number=""></block-header>
      
      <div class="object-info__group">
        <div class="group-title clearfix">
          <span style="vertical-align:middle">作案工具</span>
          <router-link to="/subpage_object?titleKey=作案工具" class="more-link" v-if="znObjectData.length">
            查看更多<i class="iconfont">&#xe603;</i>
          </router-link>  
        </div>
        <ul class="object-list"  v-if="znObjectData.length"> 
          <cardBlock class="object-item"  v-if="index < 2" v-for="(item,index) in znObjectData" :key="`obj_zngj_${index}`" :imgUrl="item.xp">
            <div slot="name" class="object-item__title">
              <strong class="name">{{item.mc}}</strong>
            </div> 
            <div class="info-grid no-wrap" slot="data">
              <div class="grid-item align-left" v-for="i in item.rowArr">
                <em>{{i.col_cn}}</em> <span>{{i.col_val}}</span>
              </div> 
            </div> 
          </cardBlock> 
        </ul>
        <div class="no-record"  v-if="!znObjectData.length">暂无记录</div>
      </div>

      <div class="object-info__group">
        <div class="group-title">  
          <span style="vertical-align:middle">损失物件</span>
          <router-link to="/subpage_object?titleKey=损失物件" class="more-link" v-if="ssObjectData.length">
            查看更多<i class="iconfont">&#xe603;</i>
          </router-link> 
        </div>
        <ul class="object-list" v-if="ssObjectData.length"> 
          <cardBlock class="object-item" v-if="index < 2" v-for="(item,index) in ssObjectData" :key="`obj_sswp_${index}`" :imgUrl="item.xp">
            <div slot="name" class="object-item__title">
              <strong class="name">{{item.mc}}</strong>
            </div> 
            <div class="info-grid no-wrap" slot="data">
              <div class="grid-item align-left" v-for="i in item.rowArr">
                <em>{{i.col_cn}}</em> <span>{{i.col_val}}</span>
              </div> 
            </div> 
          </cardBlock> 
        </ul>
        <div class="no-record" v-if="!ssObjectData.length">暂无记录</div>
      </div>
    </div>

    <!-- 涉案单位 -->
    <div class="organize-info">
      <block-header icon="/static/icon/casefile-organize.png" title="涉案单位" number=""></block-header>
      <div class="no-record">暂无记录</div>
    </div>

    <!-- 线索信息 --> 
    <div class="intelligence-info" title="线索">
      <block-header icon="/static/icon/casefile-intel.png" title="线索信息" number=""></block-header>
      <div class="intelligence-info__group system-info__group">
        <div class="group-title"> 系统推送 </div>
        <ul class="system-info card-list">
          <cardBlock class="tech-compare" :imgUrl="require('../../assets/zt/caseFile/system-intel-1.png')"> 
            <mt-badge class="badge" slot="badage" size="small" type="error" v-show="sys_jsbzInfoData.length">{{sys_jsbzInfoData.length}}</mt-badge>
            <div class="tech-compare__info" slot="data">
              <input style="display:none" id="techCompareToggle" type="checkbox"> 
              <div class="info-grid">
                <div  :class="{'grid-item':true, 'align-left':true, 'hide':index>=3}" v-for="(item,index) in sys_jsbzInfoData">
                  <em>{{item.xm}}</em><span v-init-tooltips="{
                    tableName: sys_jsbzInfoData.tableName,
                    bsh: item.sfzh,
                    bshlx: '004',
                    dalx: 'AJ'
                }">{{item.sfzh}}<strong class="tag">{{item.bzly}}</strong></span>
                </div> 
              </div>
              <label class="content-toggle" for="techCompareToggle"  v-show="sys_jsbzInfoData.length>=3">
                <span class="open">查看更多 <i class="iconfont">&#xe602;</i></span>
                <span class="close">收起 <i class="iconfont">&#xe60a;</i></span>
              </label>
              <div class="no-record" v-show="!sys_jsbzInfoData.length">暂无记录</div>
            </div>
          </cardBlock> 

          <cardBlock class="joint-case" :imgUrl="require('../../assets/zt/caseFile/system-intel-2.png')"> 
            <mt-badge class="badge" slot="badage" size="small" type="error" v-show="sys_cbaInfoData.length">{{sys_cbaInfoData.length}}</mt-badge>    
            <div slot="data" class="joint-case__info">
              <input style="display:none" id="jointCaseToggle" type="checkbox"> 
              <p :class="{clearfix:true, hide:index >= 3}" v-for="(item,index) in sys_cbaInfoData">
                <span v-init-tooltips="{
                    tableName: sys_jsbzInfoData.tableName,
                    bsh: item.ajbh,
                    bshlx: '002',
                    dalx: 'AJ'
                }">{{item.ajbh}}</span><strong class="tag">{{item.cbly}}</strong>
              </p>
              <label class="content-toggle" for="jointCaseToggle"  v-show="sys_cbaInfoData.length>3">
                <span class="open">查看更多 <i class="iconfont">&#xe602;</i></span>
                <span class="close">收起 <i class="iconfont">&#xe60a;</i></span>
              </label> 
              <div class="no-record" v-show="!sys_cbaInfoData.length">暂无记录</div>
            </div>  
          </cardBlock> 

          <cardBlock class="record-ratio" :imgUrl="require('../../assets/zt/caseFile/system-intel-3.png')"> 
            <mt-badge slot="slot" class="badge" size="small" type="error" v-show="sys_lbfInfoData.length">{{sys_lbfInfoData.length}}</mt-badge>
            <div slot="data" class="record-ratio__info">
              <input style="display:none" id="recordRatioToggle" type="checkbox">
                <p class="info-item" :class="{hide:index>=3}"  v-for="(item,index) in sys_lbfInfoData">
                  {{item.content}}
                </p>
                <label class="content-toggle" for="recordRatioToggle" v-show="sys_lbfInfoData.length>3">
                  <span class="open">查看更多 <i class="iconfont">&#xe602;</i></span>  
                  <span class="close">收起 <i class="iconfont">&#xe60a;</i></span>
                </label>
                <div class="no-record" v-show="!sys_lbfInfoData.length">暂无记录</div>
            </div>
          </cardBlock>
        </ul>
      </div>

      <div class="intelligence-info__group manual-info__group">
        <div class="group-title"> 人工侦查 </div>
        <ul class="manual-info card-list" v-if="manualInfoData.length">
          <cardBlock class="info-item" v-for="(item,index) in manualInfoData" :key="`manu_info_${index}`" :imgUrl="item.xp">
            <div slot="name" class="info-item__title">
              <strong class="name">{{item.xm||item.wpmc}}</strong>
              <span class="tip">{{item.kybq}}</span>
            </div>
            <div slot="tags" class="info-item__tags clearfix" v-if="item.bs && item.bs.length">
              <span class="tag" v-for="i in item.bs">{{i}}</span>
            </div>
            <div class="info-grid" slot="data" >
              <div class="grid-item align-left" v-for="i in item.rowArr">
                <em>{{i.col_cn}}</em> <span v-init-tooltips="i.col_en=='sfzh'?{
                    tableName: item.tableName,
                    bshlx: '001',
                    bsh: i.col_val,
                    dalx: 'AJ'
                }:null">{{i.col_val}}</span>
              </div>
            </div> 
          </cardBlock>
        </ul>
        <div class="no-record" v-show="!manualInfoData.length">暂无记录</div>
      </div>
    </div>
    
   <!--  <router-view></router-view> --> 
  </lay-out>
  
</template>
<script>
  import { mapActions } from 'vuex'
  import ztMSwiper from '../../components/zt-m-swiper'

  import cardBlock from '../../components/card-block'
  import layOut from '../../components/lay-out'
  import ztSwiper from '../../components/zt-swiper'
  import detailsGroup from '../../components/details-group'
  import pointProcess from './pointProcess'
  import BlockHeader from '../../components/block-header'
  import ztVideo from './zt-video'
  import caseData from './caseFile.json'
  import * as dataInit from './caseDataInit'
  import request, { getQuery } from '../../helper/request'
  
  export default {
    data() {
      let img = 'http://pic1.win4000.com/wallpaper/1/59ad0875a83e2.jpg'
      return {
        // ------------tooltip 测试----------
        // ----- layout prop ---------------
        pageTag: {
          type: '002',
          number: 'A440607201611091244411'
        },
        isScroll: false,
        url: img,
        // -----多媒体交互---------
        swiperIndex: 0,
        currentPlay: '',
        // -----假数据----
        swiperList: caseData.swiperList, //  轮播
        caseDesc: {}, // 案件详情
        casePorcess: [], // 案件阶段
        caseCharacter: {}, // 案情特征
        policeInfo: {},  // 警情
        policeInfos: {},  // 警情
        // ---------现场勘探------
        spotInfoData: {},
        // -----人员信息------
        reporterData: [], // 报案人
        vicitimData: [],  // 受害人
        suspectorData: [], // 嫌疑人
        // ------物件信息-------
        znObjectData: [], // 作案物件
        ssObjectData: [], // 损失物件
        // --------情报系统信息--------
        sys_jsbzInfoData: [], // 技术比中
        sys_cbaInfoData: [], // 串并案
        sys_lbfInfoData: [], // 串并案
        manualInfoData: [] // 人工情报
      }
    },
    components: {
      layOut, BlockHeader, ztSwiper, pointProcess, ztVideo, detailsGroup, cardBlock, ztMSwiper // 测试
    },
    filters: {
    },
    methods: {
      // tooltips 测试：
      showA(inner) { console.log(inner + ' + a') },
      showB(inner) { console.log(inner + ' + b') },
      showC(inner) { console.log(inner + ' + c') },
      showD(inner) { alert(inner + ' + d') },
      jumpTo(id) { this.$router.push('/person?sfzh=' + id) },
      // 媒体交互操作
      swiperChangeHandle (index) {
        this.swiperIndex = index
      },
      openVideo () {
        this.$refs.videoPlayer._play()
      },
      openSwiper () {
        this.$refs.videoPlayer._load()
      },
      // ------------------------------------------
      highlighWord (str, arr) {
        let regInner = arr.map((item) => { return `(${item})` }).join('|')
        let reg = new RegExp(regInner, 'g')
        return str.replace(reg, (res) => {
          return `<strong>${res}</strong>`
        })
      },
      // ------------------API Fetch--------------------------
      jbxxApiFetch (serCode, param) { // 案件信息
        request('superRecord/case/jbxx', serCode, param).then((res) => {
          this.caseDesc = dataInit.descDataInit(res)
          this.casePorcess = dataInit.processDataInit(res)
          // 轮播视频数据获取
          dataInit.swiperVideoInit(res.video).then((res) => {
            console.log(res);
          })
        })
      },
      tzjqApiFetch (serCode, param) { // 案件特征 与 警情
        request('superRecord/case/tzjq', serCode, param).then((res) => {
          this.caseCharacter = dataInit.characDataInit(res.tz) // 案件特征
          this.policeInfo = dataInit.policeInfoInit(res.jq) // 警情
          this.policeInfos = res.jq // 警情
        })
      },
      xckyApiFetch (serCode, param) { // 现场勘查
        request('superRecord/case/xcky', serCode, param).then((res) => {
          this.spotInfoData = dataInit.spotInfoInit(res) // 现场勘验
        })
      },
      saryApiFetch (serCode, param) { // 人员信息
        request('superRecord/case/sary', serCode, param).then((res) => {
          this.reporterData = dataInit.reporterInit(res)
          this.vicitimData = dataInit.vicitimInit(res)
          this.suspectorData = dataInit.suspectorInit(res)
          // 更改全局变量
          this.getReporterData(this.reporterData)
          this.getVicitimData(this.vicitimData)
          this.getSuspectorData(this.suspectorData)
        })
      },
      sawpApiFetch (serCode, param) { // 物件信息
        request('superRecord/case/sawp', serCode, param).then((res) => {
          this.znObjectData = dataInit.znObjectInit(res)
          this.ssObjectData = dataInit.ssObjectInit(res)
          // 更改全局变量
          this.getZnObjectData(this.znObjectData)
          this.getSsObjectData(this.ssObjectData)
        })
      },
      xsxxApiFetch (serCode, param) { // 系统情报
        request('superRecord/case/xsxx', serCode, param).then((res) => {
          this.sys_jsbzInfoData = res.jsbz
          this.sys_cbaInfoData = res.cba
          this.sys_lbfInfoData = res.lbf
        })
      },
      rgzcApiFetch (serCode, param) { // 人工侦查
        request('superRecord/case/rgzc', serCode, param).then((res) => {
          this.manualInfoData = dataInit.rgzcDataInit(res)
          console.log(this.manualInfoData)
        })
      },
      goToDetail(page) {
        let title = this.spotInfoData
        this.getotherDetail(title)
        this.getotherFlag('2')
        this.$router.push('detail?page=' + (page + 1))
        localStorage.setItem('titlename', '现场勘查');
      },
      goToTz() {
        let title = this.caseCharacter
        this.getotherDetail(title)
        this.getotherFlag('3')
        this.$router.push('detail')
        localStorage.setItem('titlename', '案件特征');
      },
      goToJq() {
        let title = this.policeInfo
        this.getotherDetail(title)
        this.getotherFlag('3')
        this.$router.push('detail')
        localStorage.setItem('titlename', '警情');
      },
      // ------------------API Fetch--------------------------
      ...mapActions('caseStore', {
        getReporterData: 'getReporterData',
        getVicitimData: 'getVicitimData',
        getSuspectorData: 'getSuspectorData',
        getZnObjectData: 'getZnObjectData',
        getSsObjectData: 'getSsObjectData'
      }),
      // ------------------API Fetch--------------------------
      ...mapActions('personStore', {
        getotherDetail: 'getotherDetail',
        getotherFlag: 'getotherFlag'
      })
    },
    computed: {
    },
    mounted() {
    },
    created() {
      // 案件信息
      getQuery.call(this, {ajbh: '000000'}).then((res) => {
        this.jbxxApiFetch('SC0410', res) // 案件信息
        this.tzjqApiFetch('SC0411', res) // 案件特征 与 警情
        this.xckyApiFetch('SC0412', res) // 现场勘查
        this.saryApiFetch('SC0413', res) // 人员信息
        this.sawpApiFetch('SC0414', res) // 物件信息
        this.xsxxApiFetch('SC0416', res) // 系统情报
        this.rgzcApiFetch('SC0417', res) // 人工侦查
      })
    }
  }
</script>

<style  lang="scss" rel="stylesheet/scss" scoped>
@import "./caseFile";
@import "../../style/public";
.page-cell {
  font-size: 1rem;
  line-height: 1.6;
  margin:0 auto;
  max-width:640px;
}

</style>